草庐IT

Vue3 实现列表虚拟滚动

全部标签

javascript - 使用 DOM 创建并填充一个复选框列表,其中包含 javascript 中的数组值

我有一组动物...我如何设法在javascript中创建一个复选框列表,并用动物数组中的动物名称填充每个复选框,并在html中显示它们。我的尝试代码:varlengthArrayAnimals=animals.length;for(vari=0;pos 最佳答案 这是一种方式(纯JavaScript,无jQuery):varanimals=["lion","tigers","bears","squirrels"];varmyDiv=document.getElementById("cboxes");for(vari=0;ihttps

javascript - EcmaScript 规范是否对用于实现运行时的进程模型施加了任何限制?

EcmaScript规范是否对用于实现运行时的进程模型施加了任何限制?例如,事件循环是否需要位于与管理与操作系统IO子系统的运行时通信的线程不同的线程上? 最佳答案 不,它没有具体说明这些。运行时通信和IO甚至不是语言的一部分,它们作为依赖于实现的奇异对象出现。ECMAScript规范甚至没有使用术语“事件循环”,尽管它确实定义了JobsandJobQueues哪个工作相似。然而,没有理由用多线程实现那些,毕竟,只有JS总是顺序运行。相比之下,HTML5规范确实定义了eventloops甚至是processmodel,但对多线程也没

javascript - 将数据从一个 Vue.js 实例输出到另一个

我有一个很大的页面,其中包含很多内容。所以我有2个Vue实例用于页面的2个部分。如何将数据从一个Vue实例绑定(bind)到另一个实例?这个例子应该展示我正在尝试做的事情。(它不是那样工作的)......{{app1.$data.msg}}varapp1=newVue({el:'.app1',data:{msg:"test"}});varapp2=newVue({el:'.app2'}); 最佳答案 事先,我知道这不是你要问的问题,但我不知道你为什么需要两个Vue实例。为什么不直接将Vue绑定(bind)到body并将两个Vue实例

javascript - 按字母顺序对列表进行排序,字符在末尾

我需要按Angular、字母顺序(升序)对列表进行排序,但希望将特殊字符(如果有的话)放在列表​​末尾。例如:列表应该是这样的:AppleBanana*Apple任何建议都会被推荐。 最佳答案 这是一个相当简单的解决方案。手动比较字符串时,最好使用localeCompare即使用户的特定语言环境规定了不同的排序顺序,它也能正确排序。但是单靠这个功能并不能解决我们的问题。基于@wZVanG的聪明答案,我们将使用\W正则表达式字符组替换任何非单词字符,在字符串的开头用字母z这会自动将它们排序到列表的末尾。请注意其中的一个缺陷是,如果您的

javascript - 列表操作导致无限循环

我正在尝试在IonicFramework中创建一个用于列表目的的数组,并检查所有调用中心名称的第一个字符以将它们添加到字母表数组中。for(vari=0;i替换value=123与value='#'导致GoogleChrome和GoogleChromeCanary出现故障并立即使用Mac中高达100%的内存。这是Javascript错误还是与GoogleChrome本身有关? 最佳答案 这不是您的浏览器或其他任何东西中的错误:您只是在创建一个条件,使您的代码进入无限循环,这总是会使浏览器卡住。你可以用一个简单的while(true)

javascript - 如何缩短从 moment.js 获取的时区名称列表?

我正在使用moment.js(我使用的方法是moment.tz.names())来检索时区名称列表,该列表列举了全局500多个城市。长列表使得用户选择所需时区的效率不高。问题是是否有办法减少列表的大小,这意味着将同一时区偏移的城市分组在一起。 最佳答案 这是MicrosoftTimeZoneIndexValues,在此处的另一个答案中提到@stanleyxu2005.{000,"DatelineStandardTime","(GMT-12:00)InternationalDateLineWest"},{001,"SamoaStand

javascript - 如何向引导框对话框添加滚动条?

我在网上搜索过,但未能找到将滚动条添加到引导框自定义对话框的解决方案。无论如何我可以让它工作。我需要垂直滚动。这可能吗? 最佳答案 Bootbox使用名为modal-body的css类作为其对话框的主体;因此您可以重写该类以使其可滚动。例如:.modal-body{height:100px;overflow-y:scroll;} 关于javascript-如何向引导框对话框添加滚动条?,我们在StackOverflow上找到一个类似的问题: https://s

javascript - 实现多个过滤器 AngularJS 的最佳方法是什么?

我有多个过滤器在ng-repeat上运行良好。但是,代码似乎不必要地长以实际操作一组过滤器,我想知道是否有更好的方法。这是一个示例过滤器-这一点我可以接受(除非有人有任何建议)-它们都遵循类似的结构:app.js.filter('taskClient',function(){returnfunction(items,clientId){if(!clientId){returnitems;}varfiltered=[];angular.forEach(items,function(item){if(item.client){if(item.client.id===clientId){fi

javascript - Vue.js 在列表中显示 v-show

我相信这对你们来说会非常容易。我试图制作一个简单的帖子列表,帖子标题始终可见,当您单击列表中的特定帖子时,您会看到帖子的正文。我为此使用了v-show。但是,当我单击特定帖子时,会显示所有帖子的正文,而不仅仅是我单击的那个。这是模板:MyPosts{{post.title}}{{post.body}}ID:{{post.userId}}逻辑:exportdefault{data(){return{msg:'hellovue',list:[],show:false}},ready(){this.fetchPostList();},methods:{fetchPostList:functi

javascript - 如何使用 vue.js 获取所选选项的索引

抱歉新手问题。但是我如何从选择框中获取所选元素的索引并运行函数。我下面的代码不会触发switchView()函数。{{item.title}}我们将不胜感激。已编辑:搬了@change="switchView(index)"来自至,感谢@Phil我需要索引,因为我有几个计算项。我需要根据用户从项目中的选择更改View。 最佳答案 将$event.target.selectedIndex传递给您的函数使用@change指令来监听变化事件。调用您的函数并将$event或事件目标的选定索引$event.target.selectedInd